html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
@font-face {
	font-family: 'BryantLG';
	src: url('font/UTM BryantLG.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}
@font-face {
	font-family: 'segoeui';
	src: url('font/segoeui.ttf') format('truetype');
	font-style: normal;
	font-weight: normal;
}

body{
	overflow-x:hidden;
	background: url(../images/bg-body.jpg) no-repeat center center fixed;
	background-size: 100% 100%;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}
#section2{display:none;}
#section3{display:none;}
.section{
width:100%;height:100%;
min-height:750px;
float:left;
}
/*HEADER*/
h1.logo{margin-top: 30px;text-align: center;}
h2.title{margin-top: 40px; color: #fff;font-family: "BryantLG";font-size: 47px;text-align: center;font-weight: bold;}
.icon-shop{background: url(../images/sprite.png) no-repeat 0px 0px;width: 80px;height: 96px;display: block;position: absolute;top: -56px;left: 0px;right: 0px;margin: 0 auto;}
.icon-business{background: url(../images/sprite.png) no-repeat -90px 0px;width: 80px;height: 96px;display: block;position: absolute;top: -56px;left: 0px;right: 0px;margin: 0 auto;}
.no-padding{padding: 0px;}
.header{margin-top: 30px;}

.header .head-right span{float: left;line-height: 30px;color: #fff;font-family: "BryantLG";font-size: 18px;font-weight: bold;}
.header .head-right ul li{float: left;margin-right: 8px;}
.header .logo-register img{width: 216px;}
.header h2.title-register{font-size: 39px;margin-top: 40px; color: #fff;font-family: "BryantLG";text-align: center;font-weight: bold;}
.orgrane {
    color: #FFB700;
    font-style: italic;
}
.emerald {
    color: #61C604;
    font-style: italic;
}
/*CONTENT*/
h4.title{text-align: center;background: url(../images/bg-title.png) no-repeat center center;margin: 102px auto 50px;width: 560px;height: 52px;font-size: 24px;font-weight: bold;font-family: "BryantLG";color: #fff;}
h4.title a{color: #fff;display: block;line-height: 0px;}
.content{padding-bottom: 52px;}
.content .content-left{
	float: left;
	position: relative;
	margin-left: 94px;
	background: #fff;
	width: 300px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    padding-bottom:20px;
}
.content .content-left .btn-shop{
	background-color: #ffb700;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 0 10px;
	width: 100%;
	font-size: 24px;
	font-family: "BryantLG";
	font-weight: bold;
    display:block;
    text-align: center;
    color: #fff;
}
.content .columns:last-child{float: right;}
.content .content-right{
	position: relative;
	float: left;
	margin-right: 90px;
	background: #fff;
	width: 300px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
    padding-bottom:20px;
}
.content .content-right .btn-shop{
	background-color: #61c604;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 8px 0 10px;
	width: 100%;
	font-size: 24px;
	font-family: "BryantLG";
	font-weight: bold;
    display: block;
    text-align:center;
    color:#fff;
}
.content h3.title{
	padding-top:30px;
	padding-bottom: 20px;
	text-align: center;
	font-family: "BryantLG";
	font-weight: bold;
	font-size: 30px;
}
.red{color: red;}
.content label{font-size: 14px;margin-bottom: 14px;font-family: "segoeui";color:#000}
.content select{background: url(../images/arrow.png) no-repeat center right;
	text-overflow: "";
	font-weight: normal;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 10px;
    padding: 6px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    cursor: pointer;
    text-indent: 0.01px;}
.main{margin-top: 38px;}
.main .wd-form{
	background:#fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	overflow: hidden;
	padding: 30px 50px;
}
fieldset .wd-form-line{padding-bottom:30px; }
fieldset .wd-form-line p{float: left;display: block;}
fieldset .wd-form-line select{
	width: 26%;
	float: left;
	margin:-10px 0px 0px 10px;
	background: url(../images/arrow.png) no-repeat center right;
	text-overflow: "";
	font-weight: normal;
    font-size: 1em;
    line-height:1.2em;
    text-indent: 0.01px;
}
fieldset .wd-form-item{}
fieldset .wd-form-item label{float: left;line-height: 34px;}
fieldset .wd-form-item input{float: right;width: 65%;}
fieldset .wd-form-item .last-name{width: 30%;}
fieldset .wd-form-item .first-name{width: 35%;}
fieldset .wd-form-item:last-child{float: left !important;}
fieldset button{background: #61c604;border-radius: 2px;padding: 6px 20px;text-transform: uppercase;font-family: "BryantLG";font-size: 28px;font-weight:bold;}

.content select{
	background: url(../images/arrow.png) no-repeat center right;
	text-overflow: "";
	font-weight: normal;
    font-size: 1em;
    line-height:1.2em;
    margin: 0 0 10px;
    padding: 6px 0; /* use this to set a specific height for your dropdown (DO NOT use the attribute 'height') */
    cursor: pointer;
    text-indent: 0.01px;
	color:#a3a3a3;
}
.footer{margin-top: 25px;}
.footer p.copyright{text-align: center;color: #fff;opacity: 0.7;font-size: 14px;padding-bottom: 22px;font-family: "segoeui";}




*{
    margin:0;
    padding:0;
}
body{
    width:100%;
    
}
@media screen and (max-width:970px) {
	h1.logo{margin-top: 10px;}
	h1.logo img{width: 40%;}
	h2.title{font-size: 18px;margin-top: 12px;}
	h4.title{width: 100%;margin-top: 30px;/*background: none;*//*height: 30px;*/}
	/*.content .content-left{float: none;margin: 0 auto 50px;}
	.content .columns:last-child{float: none;margin: 0 auto;}*/
    fieldset .wd-form-line select{width:30%;}
@media screen and (max-width:810px) {

    h1.logo{margin-top: 10px;}
	h1.logo img{width: 25%;}
	h2.title{font-size: 18px;margin-top: 12px;}
	h4.title{width: 100%;margin-top: 30px;background: none;height: 30px;}
	.content .content-left{float: none;margin: 0 auto 50px;}
	.content .columns:last-child{float: none;margin: 0 auto;}
}
@media screen and (max-width:767px) {
	h1.logo{margin-top: 10px;}
	h1.logo img{width: 40%;}
	h2.title{font-size: 18px;margin-top: 12px;}
	h4.title{width: 100%;margin-top: 30px;background: none;height: 30px;}
	.content .content-left{float: none;margin: 0 auto 50px;}
	.content .columns:last-child{float: none;margin: 0 auto;}
}
@media screen and (max-width:650px) {
	h1.logo{margin-top: 10px;}
	h1.logo img{width: 40%;}
	h2.title{font-size: 18px;margin-top: 12px;}
	h4.title{width: 100%;margin-top: 30px;background: none;height: 30px;}
	.content .content-left{float: none;margin: 0 auto 50px;}
	.content .columns:last-child{float: none;margin: 0 auto;}
    fieldset .wd-form-line select{width:39%;}
}
@media screen and (max-width:600px) {
   h1.logo{margin-top: 10px;}
	h1.logo img{width: 40%;}
	h2.title{font-size: 18px;margin-top: 12px;}
	h4.title{width: 100%;margin-top: 30px;background: none;height: 30px;}
	.content .content-left{float: none;margin: 0 auto 50px;}
	.content .columns:last-child{float: none;margin: 0 auto;}
}
@media screen and (max-width:550px) {
	h1.logo{margin-top: 10px;}
	h1.logo img{width: 40%;}
	h2.title{font-size: 18px;margin-top: 12px;}
	h4.title{width: 100%;margin-top: 30px;background: none;height: 30px;}
	.content .content-left{float: none;margin: 0 auto 50px;}
	.content .columns:last-child{float: none;margin: 0 auto;}
    .logo-register {text-align: center;}
    .large-4.columns.head-right{padding-left:0;}
    .wd-form-line.large-12.columns > select {margin-left: 0;margin-top: 10px;width: 100%;}
    fieldset .wd-form-item input{width:100%;}
    fieldset .wd-form-item .first-name{width:40%;clear: both;}
    fieldset .wd-form-item .last-name{width:60%;}
}